One of the most reasonable javasscript coding specifications. _ Translate from:Https://github.com/airbnb/javascript
Note : This guide assumes that you are using Babel and requires that you use BABEL-PRESET-AIRBNB or a comparable preset plug-in. It also assumes that you are installing shims/polyfills, utility airbnb-bro
JavaScript coding specification (Chinese/Airbnb), javascriptair.pdf
Airbnb is a company located in San Francisco, USA. This article is its internal JavaScript code specification, which is well written. on Github, there are 16,686 + Star, 3,080 + fork, front-end developers can refer.
Original article: https://github.com
element * Based on the passed in tag name * * @param {String} tag * @return {element} el Ement */function make (tag) { //... stuff ... return element;} 12.2 Use//as a single line comment. A single line of comments is used on the comment object above the other line. Inserts a blank line before the comment. 12.3 Adding fixme or TODO prefixes to annotationsHelp other developers quickly understand that this is a problem that needs to be reviewed, or provide a solution to the functionality that n
, top, bottom}; = ProcessInput (input);5.StringsUse template strings instead of string links when programmatically generating stringsfunction Sayhi (name) { return ' How is You, ${name}? `;}6. FunctionsUsing function declarations instead of function expressionsfunction foo () {}The function expression that is called immediately:() = { console.log (' Welcome to the Internet. Please follow me. ' );}) ();Never declare a function in a non-function code block (if,while) and assign that
If you've ever used Airbnb to book a place, you'll find out in the process that the company has a top product design team. The enterprise, which is changing the entire industry, is providing users with a seamless experience, and this is the original intention of writing this article today.
As a product designer who likes to study user experience, interactive design, and UI, I particularly like to dissect successful products, looking for hidden intera
Componentwillreceiveprops
Shouldcomponentupdate
Componentwillupdate
Componentdidupdate
Componentwillunmount
Click Callback or event callback such as Onclicksubmit () or onchangedescription ()
Getter methods in the render function such as Getselectreason () or getfootercontent ()
Optional render methods such as rendernavigation () or renderprofilepicture ()
Render
ismounted
Do not use ismounted. eslint:react/no-is-mounted
Why did you
Note: I wrote two articles for transition animations:The first: [IOS] Transition animation of the simple imitation system, the main analysis of the system simple animation implementation principle, as well as the interpretation of the coordinate system, absolute coordinate system, relative coordinate system, coordinate system transformation knowledge, for the second chapter of the Reserve Theory Foundation. Finally, the file preview animation on Mac is implemented.Second: [IOS] Advanced simulati
First, prefaceHave you ever met some designers, fascinated by some cool animations, and loved to design cute and fluid animations based on the scene? But in real-world work, even developers think these animations are great, but we know that the more customized the animation, the more cumbersome and time-consuming it will be to achieve it. This sometimes leads to contradictions between designers and engineers.And since Airbnb developed the Lottie, desi
, Objective-c, JavaScript
Operating system: Android
Source Address:
Android:https://github.com/airbnb/lottie-android
Ios:https://github.com/airbnb/lottie-ios
React native:https://github.com/airbnb/lottie-react-native
Lottie is an open source tool that AIRBNB has developed to
For developers, HTML, CSS, and JavaScript are the three basic skills required to get started with front-end development. And how to master this knowledge with less effort? The best way to learn is by understanding the current hot open source projects. This article counts the top-level technology open-source projects with the highest rated and more than 100 collections in China, hoping to help more developers expand their learning.1. Minimalist modular
What do you need to know about the JS code specification that Google publishes?
Translation | Whiteyin
Translation | Https://github.com/WhiteYin/translation/issues/10
Google has published a JS code specification for people who are not familiar with code specifications. It lists the best practices you should do to write code that is simple and understandable.The code specification is not a rule for writing the correct JavaScript code
Guide
Js:the Right
AirBnb ' s Javascript styleguide
ConclusionThere are a lot of things I can keep talking about. Obviously this article is very large and the expectations of modern JavaScript developers are many. This article is really just the tip of the iceberg.Please do not write this article as a JavaScrip
Personal Summary:1.webassembly Introduction: Webassembly is an efficient, low-level bytecode for developing network applications. Allows languages other than JavaScript (such as C,c++,rust and other) to be used in Web applications to write applications and then compile (early) WebAssembly.This is the sixth chapter of how JavaScript works.Now, we'll dissect how WebAssembly works, and most importantly, its pe
you can easily extend its functionality by adding different plug-ins.
9.JSCS
Jscs, or JavaScript code style, is a pluggable code style linter for JavaScript to check code formatting rules. The goal of Jscs is to provide a way to programmatically implement a code-style wizard. Although Jscs does not check bugs and errors, it is still used by many High-tech industry participants, such as Google,
, unless you just decide to change its style (hint: talk to your partner about this). Even you have to create and record your own code style, and then go on to follow it.
Some of the different code styles that are available are as follows:
Google JavaScript Style Guide
Airbnb/javascript
... There are other things.
A guide to my style
Bonus t
is expected to become more open.
Node:Node.js is open source, which allows JavaScript code to run on the server side, allowing Web developers to use one language throughout the Web application. Node.js is the 12th most popular technology and suggests that all JavaScript developers learn node.js to make it more comprehensive.
The Mean:mean stack (MongoDB, Expressjs, Angularjs and Node.js) ranked 18th. Using
Thank the selfless people here.The content comes from this:I only put JS link to here ~ There are other technical documents, it is too much, many can not see the end!!!
Google JavaScript Code Style Guide
Google JSON Style Guide
AIRBNB JavaScript Specification
JavaScript standard Reference Tutorial (Alp
. BCX, GitHub, Airbnb have used this concept in different ways. The problem with this concept is that it does not bind to any library or frame, and you must use the current tool to work on it. Thankfully, a JavaScript library is now available to help you get started. JQUERY-UJS allows you to add remote= "true" to any link that will automatically convert to an AJAX call.
First, an example
Class Postscontro
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.